<template>
  <div>
    <Breadcrumb :style="{margin: '24px 0'}">
      <BreadcrumbItem>首页</BreadcrumbItem>
      <BreadcrumbItem>学籍管理</BreadcrumbItem>
    </Breadcrumb>
    <Content :style="{padding: '24px', minHeight: '280px', background: '#fff'}">
      <div class="layout-content">
        <div class="layout-content-main">
          <div style="margin-bottom: 15px;">
            <Form ref="filterItem" :model="filterItem" :label-width="90">
              <Card style="width: 100%" dis-hover>
                <Row :gutter="10">
                  <Col span="8">
                  <div>
                    <Form-item label="课件名称">
                      <Input v-model="filterItem.phone"  placeholder="请输入..." />
                    </Form-item>
                  </div>
                  </Col>
                  <Col span="8">
                  <div>
                    <Form-item label="任课老师">
                      <Input v-model="filterItem.name"  placeholder="请输入..." />
                    </Form-item>
                  </div>
                  </Col>
                  <Col span="8">
                  <div>
                    <Form-item label="开课院系">
                      <Input v-model="filterItem.name"  placeholder="请输入..." />
                    </Form-item>
                  </div>
                  </Col>
                  <Col span="24">
                  <div>
                    <Form-item>
                      <Button type="primary" :loading="loading" @click="handleSearch" icon="search"> 保存</Button>
                      <Button type="dashed" @click="handleReset">重置</Button>
                    </Form-item>
                  </div>
                  </Col>
                </Row>
              </Card>
            </Form>
          </div>
          <Table stripe :columns="columns" :data="data"></Table>
          <div class="pull-right">
            <Page
              :total="total"
              :page-size="filterItem.pagesize"
              :current="filterItem.page"
              show-elevator
              show-sizer
              @on-change="handlePage"
              @on-page-size-change="handlePageSize"
              :page-size-opts="[10, 20, 50, 100]"
              style="margin-top: 15px;"
            >
            </Page>
          </div>
        </div>
      </div>
    </Content>
  </div>
</template>
<script>
  export default{}
</script>
